export default {
	/**
	 * 限制显示几行文字
	 */
	limitLineNum(number) {
		return `display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: ${number};
			overflow: hidden;
			text-overflow: ellipsis;`;
	},
	/**
	 * 文字的尺寸 普通样式
	 * @param {Number | String} size 尺寸大小 单位rpx
	 */
	fontSize(size) {
		return `font-size: ${size}rpx;`;
	},
	/**
	 * 文字的尺寸 加粗
	 * @param {Number | String} size 尺寸大小 单位rpx
	 */
	fontBSize(size) {
		return `font-size: ${size}rpx; font-weight: bold;`;
	},
	/**
	 * 文字的尺寸 weight
	 * @param {Number | String} size 尺寸大小 单位rpx
	 * @param {Number} weight 字号的重量
	 */
	fontWSize(size, weight) {
		return `font-size: ${size}rpx; font-weight: ${weight};`;
	},
	/**
	 * 距离某个方位多少距离
	 * @param {'top' | 'bottom' | 'left' | 'right'} direction 方向
	 * @param {Number | String} distance 距离 单位 rpx
	 */
	marginOnly(direction, distance) {
		return `margin-${direction}:${distance}rpx;`;
	},
	/**
	 * 距离四个方位的
	 * @param {String} value 四个方向的值
	 * @example $css.margin('20rpx 20rpx 20rpx 20rpx')
	 * @example $css.margin('20rpx')
	 */
	margin(value) {
		return `margin:${value};`;
	},
	/**
	 * padding某个方位多少距离
	 * @param {'top' | 'bottom' | 'left' | 'right'} direction 方向
	 * @param {Number | String} distance 距离 单位 rpx
	 */
	paddingOnly(direction, distance) {
		return `padding-${direction}:${distance}rpx;`;
	},
	/**
	 * padding 四个方向的
	 * @param {String} value 四个方向的值
	 * @example $css.padding('20rpx 20rpx 20rpx 20rpx')
	 * @example $css.padding('20rpx')
	 */
	padding(value) {
		return `padding:${value};`;
	},
	/**
	 * 剪切圆角
	 * @param {Number | String} radius 圆角的值 单位rpx
	 */
	borderRadius(radius) {
		return `border-radius: ${radius}rpx;`;
	},
};
